<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>
<form>
  我是表单，从此开始通过ajax提交请求，可以传送json数据<br>
  <input type="button" value="Get请求"  onclick="btnGet()">
  <input type="button" value="Post请求"  onclick="btnPost()">
</form>
<script src="js/axios-0.18.0.js"></script>
<script>

  function btnGet(){
    console.log("send btnGet...");
  }
  function btnPost(){
    console.log("send btnPost...");
    // 发送JSON数据给Servlet
    var jsonObject = {
      username:"zhangsan",
      password:"123456"
    };
    axios({
      method:"post",
      url:"http://localhost:8080/userdemo/jsonServlet",
      data:jsonObject  //这里 axios 会将该js对象自动转换为 json 串的
    }).then(function (resp) {
      // 服务器返回的也是JSON字符串，axios自动转未JS对象
      console.log(resp.data);
      alert(resp.data);
      alert(resp.data.message);
      alert(resp.data.flag);
      //alert(JSON.stringify(resp.data));
    })
  }
  //1. 定义JSON字符串
  // var jsonStr = '{"name":"zhangsan","age":23,"addr":["北京","上海","西安"]}'
  // alert(jsonStr);
</script>
</body>
</html>